﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>RocketsPocket | Features</title>
 
    <meta name="author" content="Pham [7inpham@gmail.com] for RocketsPocket [w-cloud.appspot.com]" />
    <meta name="keywords" content=""
    />
 	<meta name="description" content=""
	/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
	<!-- [favicon] begin -->
    <link rel="shortcut icon" type="image/x-icon" href="images/icons/favicon.png" />
	<link rel="icon" type="image/x-icon" href="images/icons/favicon.png" />
	<!-- [favicon] end -->
	
    <!-- [template css] begin -->
	<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="css/960.css" type="text/css" media="screen, projection" />
    <!--[if IE]>
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection" />
    <![endif]-->
    <!-- [template css] end -->
   
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script>
	<script type="text/javascript" src="js/jquery-lang.js" charset="utf-8" ></script>
	<script type="text/javascript" src="js/langpack/vi.js" charset="utf-8" ></script>
	<script type="text/javascript">
		window.lang = new jquery_lang_js();
		$(document).ready(function(){
			window.lang.run();
			$("#langchang").draggable({
				opacity: 0.35
			});
			$("#nav").sortable();
			$("#nav").disableSelection();
		});
	</script>
	<!-- Flick
	<script>
		var query = "https://gdata.youtube.com/feeds/api/videos?alt=json&q=football+-soccer&orderby=published&start-index=11&max-results=2&v=2";
		$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
		{
			tags: "disaster",
			tagmode: "any",
			format: "json"
		},
		function(data) {
			// populate received data into <div> with id='liveContent'.
			// NOTE data.items
			$.each(data.items, function(i,item){
				$("#liveContent").append("<div class='grid_6'><div class='screenshot'><a href='"+item.link+"' class='widePreviewImg'>"+
					"<img src='"+item.media.m+"'/></a></div></div>");
				$("#liveContent").append("<div class='grid_6'><div class='work'><h2>"+item.title+"<span class='orange'> "+item.published+"</span></h2>"+
					"<p>"+item.tags+"</p><p><strong>Thể loại:</strong> "+item.date_taken+"<br/><strong>Tác giả:</strong> "+item.author+"</p>"+
					"<p class='Desc'><span class='project'>Download</span>&nbsp;<span class='site'><a href='#'>View</a></span></p></div></div>");
				$("#liveContent").append("<div class='clear'></div>");
				if (i == 20) return false;
			});
		});
	</script>
	-->
	<script>
		$.getJSON("https://gdata.youtube.com/feeds/api/videos?alt=json",
			{
				q: 'developer',
				orderby: 'published',
				'start-index': 1,
				'max-results': 20,
				v: 2
			},
			function(data) {
				// populate received data into <div> with id='liveContent'.
				// NOTE data.items
				$.each(data.feed.entry, function(i,item){
					$("#liveContent").append("<div class='grid_6'><div class='screenshot'><a href='"+item.content.src+"' class='widePreviewImg'>"+
						"<img src='"+item.media$group.media$thumbnail[2].url+"'/></a></div></div>");
					$("#liveContent").append("<div class='grid_6'><div class='work'><h2>"+item.title.$t+"<span class='orange'> "+item.published.$t+"</span></h2>"+
						"<p>"+item.media$group.media$description.$t+"</p><p><strong>Độ dài:</strong> "+item.media$group.yt$duration.seconds+" giây<br/><strong>Người đăng:</strong> "+item.author[0].name.$t+"</p>"+
						"<p class='Desc'><span class='project'>Download</span>&nbsp;<span class='site'><a href='#'>View</a></span></p></div></div>");
					$("#liveContent").append("<div class='clear'></div>");
					//$("<a>src "+i+"</a>").attr("href", item.content.src).appendTo("#liveContent");
					//if (i == 20) return false;
				});
			}
		);
	</script>
</head>

<body>
	<div class="container_12 language" id="langchang">
		<a href="javascript:window.lang.change('en');"><img src="images/icons/flags/United-Kingdom-Flag.png"></a>
		<a href="javascript:window.lang.change('vi');"><img src="images/icons/flags/Viet-Nam-Flag.png"></a>
		<div class="clear"></div>
	</div>
	<!-- START TOP SECTION -->
	<div class="container_12">
	
		<!-- START LOGO -->
		<div class="grid_4 header">
			<a href="index.htm"><img src="images/logo.png" alt="" /></a>
		</div>
		<!-- END LOGO -->
   	 
		<!-- START NAVIGATION -->
   	  	<div class="grid_8 header">
   	  		<div id="navigation">
				<ul id="nav">
					<li id="home"><a href="index.htm" title="Home page" lang="en">Home</a></li>
					<li id="about"><a href="about.htm" title="About" lang="en">About</a></li>
					<li id="portfolio"><a href="portfolio.htm" title="Gallery" class="currentPage" lang="en">Gallery</a></li>
					<li id="feature"><a href="rspx/index.html" title="Feature" lang="en">Feature</a></li>
					<li id="contact"><a href="contact.htm" title="Contact" lang="en">Contact</a></li>
				</ul>
			</div>
		</div>
		<!-- END NAVIGATION -->
		
		<div class="clear"></div>
	</div>
	<!-- END TOP SECTION -->
   
	<!-- START MEDIUM SECTION -->
	<div class="container_12 medium">
		
		<!-- START DESCRIPTION LAST WORK -->
   		<div class="grid_6">
	   		<div class="work">
	   			<h2>Truyện 1 <span class="orange">Shindou Hikaru</span></h2>
	   			<p>
	   				Câu chuyện bắt đầu khi cậu bé Shindou Hikaru lục lọi căn gác xếp của ông nội để tìm 
					xem có gì có thể bán lấy tiền được và bắt gặp một chiếc bàn cờ vây cổ, không ai nhìn 
					thấy vết máu trên bàn cờ ngoài cậu. Kỳ thực, đó là bàn cờ bị ám bởi hồn ma của Fujiwara no Sai, 
					một kỳ thủ cờ vây đến từ thời đại Heian, vốn là người dạy cờ vây cho nhà vua nhưng do bị ganh ...
	   			</p>
	   			<p>
	   				<strong>Thể loại:</strong> phiêu lưu
					<br/><strong>Tác giả:</strong> Shindou
	   			</p>
	   			 <p class="Desc">
					<span class="project">Download</span>&nbsp;<span class="site"><a href="#">View</a></span>
				</p>
	   		</div>
   		</div>
   		<!-- END DESCRIPTION LAST WORK -->
   	
   		<!-- START SCREENSHOT LAST WORK -->
	   	<div class="grid_6 ">
	   		<div class="screenshot">
	   			<a href="images/portfolio/003.png" class="widePreviewImg"><img src="images/portfolio/003.png" alt="" /></a>	
	   		</div>
	   	</div>
	   	<!-- END DESCRIPTION LAST WORK -->
   	  
		<div class="clear"></div>
		
	</div>
	<!-- END MEDIUM SECTION -->
 
	<!-- START BOTTOM SECTION 2 -->
	<div class="container_12 slider">
		
		<!-- START SCREENSHOT 2 -->
		<div class="grid_6">
			<div class="screenshot">
				<a href="images/portfolio/003.png" class="widePreviewImg"><img src="images/portfolio/003.png" alt="" /></a>	
			</div>
		</div>
		<!-- END SCREENSHOT 2 -->
	   	
		<!-- START DESCRIPTION WORK 2 -->
	   	<div class="grid_6">
	   		<div class="work">
	   			<h2>Truyện 2 <span class="orange">chuyện bắt đầu</span></h2>
	   			<p>
	   				Câu chuyện bắt đầu khi cậu bé Shindou Hikaru lục lọi căn gác xếp của ông nội để 
					tìm xem có gì có thể bán lấy tiền được và bắt gặp một chiếc bàn cờ vây cổ, 
					không ai nhìn thấy vết máu trên bàn cờ ngoài cậu. Kỳ thực, đó là bàn cờ bị ám bởi hồn ma của Fujiwara no Sai, 
					một kỳ thủ cờ vây đến từ thời đại Heian, vốn là người dạy cờ vây cho nhà vua nhưng do bị ganh ...
	   			</p>
	   			<p>
	   				<strong>Thể loại:</strong> phiêu lưu
					<br/><strong>Tác giả:</strong> Shindou
	   			</p>
	   			 <p class="Desc">
					<span class="project">Download</span>&nbsp;<span class="site"><a href="#">View</a></span>
				</p>
	   		</div>
	   	</div>
	   	<!-- END DESCRIPTION WORK 2 -->
	   	<div class="clear"></div>
	   	
	</div>
	<!-- END BOTTOM SECTION 2 -->
   
	
	<div class="separator"></div>
	
	<div class="clear"></div>
	
	<!-- START BOTTOM SECTION 3 -->
	<div class="container_12 slider">
	
		<!-- START SCREENSHOT 3 -->
	   	<div class="grid_6 ">
	   		<div class="screenshot">
	   			<a href="images/portfolio/003.png" class="widePreviewImg"><img src="images/portfolio/003.png" alt="" /></a>	
	   		</div>
	   	</div>
	   	<!-- END SCREENSHOT 3 -->
		<!-- START DESCRIPTION WORK 3 -->
   		<div class="grid_6">
	   		<div class="work">
	   			<h2>Truyện 3 <span class="orange">chiếc bàn cờ vây cổ</span></h2>
	   			<p>
	   				Câu chuyện bắt đầu khi cậu bé Shindou Hikaru lục lọi căn gác xếp của ông nội để 
					tìm xem có gì có thể bán lấy tiền được và bắt gặp một chiếc bàn cờ vây cổ, 
					không ai nhìn thấy vết máu trên bàn cờ ngoài cậu. Kỳ thực, đó là bàn cờ bị ám bởi hồn ma của Fujiwara no Sai, 
					một kỳ thủ cờ vây đến từ thời đại Heian, vốn là người dạy cờ vây cho nhà vua nhưng do bị ganh ...
	   			</p>
	   			<p>
	   				<strong>Thể loại:</strong> phiêu lưu
					<br/><strong>Tác giả:</strong> Shindou
	   			</p>
	   			 <p class="Desc">
					<span class="project">Download</span>&nbsp;<span class="site"><a href="#">View</a></span>
				</p>
	   		</div>
   		</div>
   		<!-- END DESCRIPTION WORK 3 -->
		<div class="clear"></div>
		
	</div>
	<!-- END DESCRIPTION WORK 3 -->
	
	<!-- START LIVE CONTENT -->
	<div class="container_12" id="liveContent"></div>
	<!-- END LIVE CONTENT -->
	
	<!-- START FOOTER -->
   	<div class="container_12">
	   	<p class="footer">
	   		Under developing 2012 by <strong>Pham</strong> <br/>
	   		RocketsPocket project - Two year researching 2012 2014 - <a href="mailto:7inpham@gmail.com" title="Contact me">Mail to me</a>                     
		</p>
	</div>
	<!-- END FOOTER -->
</body>
</html>